  
//フォームの登録
function onSubmit1(){
	alert('hello');
}

  
    // 1桁の数字を0埋めで2桁にする
    var toDoubleDigits = function (num) {
            num += "";
            if (num.length === 1) {
                num = "0" + num;
            }
            return num;
        };

    // 日付をYYYY/MM/DD HH:DD:MI:SS形式で取得
    var yyyymmddhhmiss = function (diffToday) { //diffToday 今日からの日付差異数
            var date = new Date();
            var yyyy = date.getFullYear();
            var mm = toDoubleDigits(date.getMonth() + 1);
            var dd = toDoubleDigits(date.getDate() - diffToday);
            var hh = toDoubleDigits(date.getHours());
            var mi = toDoubleDigits(date.getMinutes());
            var ss = toDoubleDigits(date.getSeconds());

            return yyyy + '-' + mm + '-' + dd;
        };


$(function () {


    //メインTODOの表示（画面リフレッシュ時）
 drawMainData();
     

    //データ作成
$("#submitCreate").click(function () {
		
	exposeContent = $("#target").val();  //目標
	
	//alert(exposeContent);
	
	$.getJSON('./expose.php',{text:"create",
							  exposeContent:exposeContent,  //目標
							  yosou: $("input[name=yosou]:checked").val(), 　　　　　　　　　　　　　　//予想
							  jissai: $("input[name=jissai]:checked").val(),
							  bikou: $("#bikou").val()    //備考。
							  },drawTable);
	
	
		
//        newTaskVal = $("#newTask").val();
//        if (newTaskVal != "") {
//            $.getJSON('./expose.php', {
//                text: "create",
//                newTask: $("#newTask").val()
//            }, drawTable);
//            $("#newTask").val("");
//        }
    })

    //過去データの表示	
    $("#pastData").click(function () {
        $.getJSON('./expose.php', {
            text: "showPastData"
        }, drawPastTable);
    }) //完了履歴の表示

    //完了ボタンクリック時の処理：
    $(".btn").live("click", function () {
        //$.getJSON('./expose.php',{text:"delete"},drawTable);
        var row = $(".btn").index(this);
        　
        var idRow = $("tr:eq(" + eval(row + 1) + ") td:eq(0)").text();
        //alert ($("tr:eq(1)").text());   //　これでtd の２番目の要素を取得できた。
        $.getJSON('./expose.php', {
            id: idRow,
            text: "fin"
        }, drawTable);

    })

    //削除ボタンクリック時の処理：
    $(".delete").live("click", function () {

        var row = $(".delete").index(this);
        　
        var idRow = $("tr:eq(" + eval(row + 1) + ") td:eq(0)").text();
        //	alert ($("tr:eq(1)").text());   //　これでtd の２番目の要素を取得できた。
        $.getJSON('./expose.php', {
            id: idRow,
            text: "delete"
        }, drawTable);

    })


    //「再利用」ボタン
    $(".reuseBtn").live("click", function () {
        var row = $(".reuseBtn").index(this);

        var taskName = $("#pastContent" + row).text();

        $.getJSON('./expose.php', {
            newTask: taskName,
            text: "create"
        }, drawTable);
		
		//drawMainData();

    })

    //「保留」ボタン
    $(".pending").live("click", function () {
        //	$.getJSON('./expose.php',{text:"delete"},drawTable);
        var row = $(".pending").index(this);

        　
        var idRow = $("tr:eq(" + eval(row + 1) + ") td:eq(0)").text();
        $.getJSON('./expose.php', {
            id: idRow,
            text: "pending"
        }, drawTable);
		
		//画面のリフレッシュ
		drawMainData();
    })
	
	//「編集」ボタンの押下
	//     フォームに値をセットする。
	$(".edit").live("click",function(){
		//alert('aa =' +  $(this).parent().parent().children('td:eq(1)').text());
		var editTarget = $(this).parent().parent().children('td:eq(1)').text();
		var yosouNum = $(this).parent().parent().children('td:eq(2)').text() -1 ;
		var jissekiNum = eval($(this).parent().parent().children('td:eq(3)').text() -1);
		$("#target").val(editTarget );   // 目標
		$("#bikou").val( $(this).parent().parent().children('td:eq(4)').text()); //コメント
		$("input[name=yosou]:eq(" + yosouNum + ")").attr("checked",true);    //自動チェック
		$("input[name=jissai]:eq(" + jissekiNum + ")").attr("checked",true);  //実績チェック
		
		
	})

    //「保留解除」戻すボタン
    $(".cancelPending").live("click", function () {
        var row = $(".cancelPending").index(this);
        var taskName = $("#pastContent" + row).text();

        var pendingRowId = $("#pendingId" + row).text();

        $.getJSON('./expose.php', {
            pendingRowId: pendingRowId,
            text: "cancelPending"
        }, drawTable);
		
		//画面のリフレッシュ
		drawMainData();

    })


}); //jQuery


function drawMainData(){

	// TODO 表示呼び出し
	$.getJSON('./expose.php', {
		text: "init"
	}, drawTable); //JSON 
	//    $.post('./expose.php',null,profileUpdate)     //post 
	//　保留データの呼び出し
	$.getJSON('./expose.php', {
		text: "drawPending"
	}, drawPending);
}


///////////////////
// PHPからの戻りコールバック関数：　テーブルデータを画面表示
///////////////////Is
function drawTable(data) {
    //Table の出力
	
    htmlTag = '<table border=1 id="btn1"><tr><th>No</th><th id="colTarget">目標</th><th>予想</th><th>実際</th></tr>';
    for (var i = 0; i < data.length; i++) {
        //hello = eval("(" + data.text + ")"); //JSONで渡してるからかここ不要だわ。
        //php戻り値からテーブルデータを抽出
        htmlTag = htmlTag + '<tr><td>' + data[i].id + '</td>' 
		+ '<td  >' + data[i].content + '</td>' 
		+ '<td  >' + data[i].yosou + '</td>' 
		+ '<td >' + data[i].jissai + '</td>'
		+ '<td>' + data[i].bikou + '</td>'
		+ '    <td><input type="button" value="編" class="edit"  /></td>' 
		+ '    <td><form><input type="button" value="保" class="pending"  /></form></td>' 
		+ '    <td><input type="button" value="完" class="btn" attr1="hello99" /></td>' 
		+ '<td><input type="button" value="消" class="delete" /><td>' + '</tr>';
    }
    $("#mainTable").html(htmlTag);
    $("h3").html(data[0].count);
//	alert(htmlTag);

   
}

//保留データの表示
function drawPending(data) {
    htmlTag = '<table border=1 id="btn1"><tr><th>heloo</th><th>sec</th><th>a</th><th>b</th></tr>';
	if(data == null){ return; };	
    for (var i = 0; i < data.length; i++) {
        //hello = eval("(" + data.text + ")"); //JSONで渡してるからかここ不要だわ。
        //php戻り値からテーブルデータを抽出
        htmlTag = htmlTag + '<tr><td id ="pendingId' + i + '">' + data[i].id + '</td>' + '<td  >' + data[i].text + '</td>' + '    <td><form><input type="button" value="戻" class="cancelPending"  /></form></td>' + '    <td><form><input type="button" value="完" class="btn"  /></form></td>' + '<td><form><input type="button" value="消" class="delete" /></form><td>' + '</tr>';
    }
    //alert(htmlTag);
    $("#pendingArea").html(htmlTag);

}

//■過去データの表示
function drawPastTable(data) {
	
	if(data == null){return;} //NULL 対策
    var date = new Date();

    var pastContentNo = 0; //tdの連番id
    var arrChartDateCount = new Array(); //google chart用の日別回数カウンタ配列
    
    //今月のレコード履歴ループ　（日のカウントダウン）
	for (var k = 0; 0 < date.getDate() - k; k++) {
        var todayDate = yyyymmddhhmiss(k);
		
        //alert(todayDate);

        htmlTag = '<div class="pastDate">' + todayDate + '</div>';
        htmlTag = htmlTag + '<table border=1 id="btn2"><tr><th>no</th><th>content</th><th>finDate</th><th>a</th></tr>'
        //for(var =j; j<)
        //alert(todayDate);

		
		var chartDateCount = 0;
		//特定日のレコードループ
        for (var i = 0; i < data.length; i++) {
            if (data[i].dt_fin == todayDate) {

                htmlTag = htmlTag + '<tr><td>' + data[i].id + '</td>' //id

                + '<td id = "pastContent' + pastContentNo + '">' + data[i].content + '</td>' //content
                 + '<td id = "pastContent' + pastContentNo + '">' + data[i].yosou + '</td>'
				  + '<td id = "pastContent' + pastContentNo + '">' + data[i].jissai + '</td>'
				   + '<td id = "pastContent' + pastContentNo + '">' + data[i].bikou + '</td>'
                + '<td>' + data[i].dt_finTime + '</td>' //終了日
                + '<td><form><input type="button" value="reuse" class="reuseBtn" /></form></td>' + '<td><form><input type="button" value="Edit" class="edit" /></form></td>' + '</tr>';
                pastContentNo = pastContentNo + 1;
				
				chartDateCount = chartDateCount + 1;
				arrChartDateCount[k] = chartDateCount;　　//グラフ日別統計情報
            }
			
			//レコードが一件もなかった場合は統計値に0をセット
			if(arrChartDateCount[k] == null){
				arrChartDateCount[k] = 0;
			}

        }
        htmlTag = htmlTag + '</table>';
		
		
        $("#pastDay2").append(htmlTag);
    }
	
	//チャートの描画
	drawChart(arrChartDateCount);

}

//chart　の描画
function drawChart(arrChartData){
	
	var chd="";
	var labelY="|";
	for (var i = 0; i < arrChartData.length; i++) {
		chd +=  eval(arrChartData[i]*4) + ',';    //chart の縦軸が100のため４倍してる。
		labelY +=  eval(i+1) + "|" ;
	
	}
	chd = chd.substr(0,chd.length -1);  //最後のカンマをカット
	labelY = labelY.substr(0,labelY.length -1); //最後のカンマをカット
	//alert("label = " + labelY);
	
 chartHtml = '<img src="http://chart.apis.google.com/chart?cht=lc'
 + '&amp;chs=600x125'
 + '&amp;chg=20,50,1,5'
 + '&amp;chxt=x,y'　　　　　　　　　//軸の定義　chxl でラベル定義
 + '&amp;cht=bvs'            //グラフの種類　bvg: 棒グラフ　lxy：線グラフ
 //+ '&amp;chxl=0:|1|2|3|4|5|6|7|1:|0|3|5|9'      //これもらベル
 //+ '&amp;chxr=0,0,25|1,0,30' // 各軸の最大値指定だけど見た目だけかも　⇒ラベルだけ
 + '&amp;chxr=0:' + labelY + '|1,0,25' // 各軸の最大値指定だけど見た目だけかも　⇒ラベルだけ
 
 + '&amp;chd=t:' + chd        //グラフデータ
 //+ '&amp;chd=t:4,8,12,16,5,6,7'
 //+ '&amp;chm=r,FFEBCC,0,0.20,0.75|s,FF9904,0,-1,6" />';
	
	$("#chart").html(chartHtml);
	
}





